<template>
  <div>
    <div>
			
      list
    </div>
    -
  </div>
</template>
<script>
const menuItem = {
  "Block": ["Constraint Property", "Flow Property", "Part Property", "Reference Property", "Value Property", "Signal Reception", "Full Port", "Proxy Port", "Operation"],
  "InterfaceBlock": ["Flow Property", "Reference Property", "Value Property", "Operation", "Signal Reception", "Proxy Port"],
  "FlowSpecification": ["Flow Property"],
  "ConstraintBlock": ["Constraint Property", "Constraint Parameter"],
  "ValueType": ["Property", "Operation"],
  "Enumeration": ["Property", "Enumeration Literal", "Operation"],
  "Signal": ["Attributes"],
  "Interface": ["Property", "Operation", "Signal Reception"],
  "TestCase": ["Property", "Operation", "Signal Reception", "Port"],
  "State": ["Region"],
  "CompositeState": ["Region"],
  "UseCase": ["ExtensionPoint"],
  "SystemContext": ["Constraint Property", "Flow Property", "Part Property", "Reference Property", "Value Property", "Signal Reception", "Full Port", "Proxy Port", "Operation"],
  "Alternatives": ["Interaction Operand"],
  "Loop": ["Interaction Operand"],
  "Option": ["Interaction Operand"],
};
const reg = /\s/g;
Object.keys(menuItem).forEach(key => {
  menuItem[key] = menuItem[key].map(name => ({ name, img: name.replace(reg, '') }));
});
export default {
  name: 'property-menu',
  components: {
  },
  props: {
    typeName: String
  },
  data() {
    return {

    };
  },
  computed: {
    list(){
      return menuItem[this.typeName] || [];
    }

  },
  methods: {
  }
};
</script>
<style lang="scss">
</style>